/* header */
header{
    width: 100%;
    height: 65px;
    line-height: 65px;
    border-bottom: 1px solid #8ec7ec;
    z-index: 999;
}
header .log{
    width: 230px;
    height: 30px;
}
header .nav{
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
header .nav li{
    height: 64px;
    line-height: 65px;
    float: left;
    margin: 0 20px;
}
header .nav li a{
    color: #ffffff;
}
header .nav li a.active{
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
    display: inline-block;
    line-height: 64px;
    /* color: #00bdff; */

}
header .right-box a{
    padding: 4px 16px;
    border: 1px solid #aac6ef;
    color: #ffffff;
    border-radius: 14px;
}
header .right-box a:hover{
    background-color: rgba(252, 252, 252, 0.01);
    border: 1px solid #765a7e;
}
header .right-box .reg{
    background-color: #ed510a;
    border: 1px solid #ed510a;
}
/* footer */
/* 尾部页脚 */
#foot{
    height: 330px;
}
#foot .foot-right{
    width: 800px;
    /* justify-content: space-between; */
}
#foot .foot-right li{
    width: 145px;
    height: 212px;
}
#foot .foot-right li dt{
    line-height: 45px;
    color: #181818;
}
#foot .foot-right li dd{
    line-height: 25px;
}
#foot .foot-left{
    width: 110px;
    height: 184px;
}
#foot .foot-left p:nth-child(1){
    margin-bottom: 8px;
}
#foot .record{
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin-top: 50px;
}
/* 回到顶部 */
#returnTop{
    width: 40px;
    height: 40px;
    background-color: #a4a4a4;
    border-radius: 50%;
    right: -50px;
    bottom:50px ;
}
#returnTop div{
    width: 32px;
    height: 32px;
    margin:2px;
    border: 2px solid white;
    border-radius: 50%;
}
/* 侧边栏 */
#aside{
    position: fixed;
    right: 0;
    bottom: 50px;
    z-index: 1000;
}
#aside ul li{
    width: 80px;
    height: 80px;
    border-radius: 5px;
    background-color: #00bdff;
}
#aside ul li .iconfont{
    font-size: 30px;
    color: white;
    left: 25px;
    top: 20px;   
}
#aside ul li a{
    color: white;
    left: 26px;
    top: 50px;  
}
#aside ul li p{
    width: 200px;
    line-height: 60px;
    box-shadow: 2px 2px 10px #dddddd;
    background-color: white;
    color: #00bdff;
    left:-200px ;
    top: 10px;
    display: none;
}
#aside ul li:hover p{
    display: block;
}
#aside ul li:first-child{
    margin-bottom: 15px;
}

#aside ul li:nth-child(2){
    border-radius: 5px 5px 0 0 ;
}
#aside ul li:last-child{
    border-top: 1px solid white;
    border-radius:  0 0 5px 5px;
}
#aside ul li:nth-child(1) div{
    
    background-position: 10px 10px;
}